
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>订单支付</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/font.css" />
		<link rel="stylesheet" type="text/css" href="css/payment.css"/>
	</head>
	<body>
		<div class="header">
			<div class="container clearfix">
				<div class="nav-sub fl">
					<!-- logo -->
					<div class="logo fl relative">
						<a href="/" class="mi"></a>
						<a href="/" class="home"></a>
					</div>
					<span>我的购物车</span>	
				</div>
				<div class="order fr clearfix">
					<div class="register fr dengRu">
						<a href="register.html">注册</a>
					</div>
					<span class="fr">|</span>
					<div class="login fr zhuChe" >
						<a href="login.html">登录</a>
					</div>
				</div>
			</div>
		</div>
		<div class="success">
			<div class="container">
				<div class="success-img fl">
					<span class="iconfont icon-right-1">&#xe610;</span>
				</div>
				<div class="success-words fl">
					<div class="success-name">
						订单提交成功！去付款咯～
					</div>
					<div class="success-time">
						请在 <span><div id="first" class="time-item">
										<strong class="hour_show">00时</strong>
										<strong class="minute_show">00分</strong>
										<strong class="second_show">00秒</strong>
									</div>
							</span> 内完成支付, 超时后将取消订单
					</div>
					<div class="success-msg">
						收货信息：华 151****1234 山东 青岛市 城阳区
					</div>
				</div>
				<div class="success-money fr">
					<div class="success-moneybox">
						应付总额：<span>3999</span>元
					</div>
					<div class="success-look">
						<a href="#">订单详情<span class="iconfont icon-xiajiantou_huaban">&#xe63e;</span></a>
					</div>
				</div>
				<div class="clear"></div>
				<div class="bottom-msg">
					<div class="bottom-msg-box">
						<div class="bottom-msg-box-name fl">
							订单号：
						</div>
						<div class="bottom-msg-box-word color-orange fl">
							5210214552402009
						</div>
						<div class="clear"></div>
					</div>
					<div class="bottom-msg-box">
						<div class="bottom-msg-box-name fl">
							收货信息：
						</div>
						<div class="bottom-msg-box-word fl">
							华 151****1234 山东 青岛市 城阳区 
						</div>
						<div class="clear"></div>
					</div>
					<div class="bottom-msg-box">
						<div class="bottom-msg-box-name fl">
							商品名称：
						</div>
						<div class="bottom-msg-box-word fl">
							小米11 8G+128G 3999￥
						</div>
						<div class="clear"></div>
					</div>
					<div class="bottom-msg-box">
						<div class="bottom-msg-box-name fl">
							发票信息：
						</div>
						<div class="bottom-msg-box-word fl">
							C电子普通发票 个人
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="choose-pay">
			<div class="container">
				<div class="choose-paybox">
					<div class="choose-pay-name">
						选择以下支付方式付款
					</div>
					<div class="choose-itembox">
						<div class="choose-itembox-name">
							支付平台
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000000.jpg">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000001.jpg">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000002.jpg">
						</div>
						<div class="clear"></div>
					</div>
					<div class="choose-itembox">
						<div class="choose-itembox-name">
							银行借记卡及信用卡
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000021.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000024.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000023.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000022.png">
						</div>

						<div class="choose-item fl">
							<img src="img/payment/ia_100000031.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000027.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000009.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000034.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000011.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000026.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000030.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000000.jpg">
						</div>
						<div class="clear"></div>
					</div>
					<div class="choose-itembox">
						<div class="choose-itembox-name">
							快捷支付 <span>（支持以下各银行信用卡以及部分银行借记卡）</span>
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000021.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000022.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000023.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000024.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000025.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000026.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000027.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000506.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000029.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000030.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000031.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000032.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000033.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000034.png">
						</div>
						<div class="choose-item fl">
							<img src="img/payment/ia_100000035.png">
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="lastbox">
			<div class="container">
				<div class="lastbox-name">
					分期付款
				</div>
				<div class="lastbox-itemall">
					<div class="lastbox-item fl">
						<img src="img/payment/ia_100000036.jpg" >
					</div>
					<div class="lastbox-item fl">
						<img src="img/payment/ia_100000037.jpg" >
					</div>
					<div class="lastbox-item fl">
						<img src="img/payment/ia_100000038.jpg" >
					</div>
					<div class="clear"></div>
				</div>

			</div>
		</div>
		<!-- 页脚 -->
		<div class="footer">
			<div class="container">
				<div class="waper">
					
					<div class="service">
						<ul class="clearfix">
							<li class="fl">
								<a href=""><i class="iconfont">&#xe629;</i><span>预约维修服务</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe61f;</i><span>7天无理由退货</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe606;</i><span>15天免费换货</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe60b;</i><span>满99包邮</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe60c;</i><span>520余家售后网点</span></a>
							</li>
						</ul>
					</div>
					
					<div class="link clearfix">
						<ul class="fl ">
							<li>帮助中心</li>
							<li><a href="">账户管理</a></li>
							<li><a href="">购物指南</a></li>
							<li><a href="">订单操作</a></li>
						</ul>
						<ul class="fl ">
							<li>服务支持</li>
							<li><a href="">售后政策</a></li>
							<li><a href="">自助服务</a></li>
							<li><a href="">相关下载</a></li>
						</ul>
						<ul class="fl ">
							<li>线下门店</li>
							<li><a href="">小米之家</a></li>
							<li><a href="">服务网点</a></li>
							<li><a href="">授权体验店</a></li>
						</ul>
						<ul class="fl ">
							<li>关于小米</li>
							<li><a href="">了解小米</a></li>
							<li><a href="">加入小米</a></li>
							<li><a href="">投资者关系</a></li>
							<li><a href="">企业社会责任</a></li>
							<li><a href="">兼廉举报</a></li>
						</ul>
						<ul class="fl ">
							<li>关注我们</li>
							<li><a href="">新浪微博</a></li>
							<li><a href="">官方微信</a></li>
							<li><a href="">联系我们</a></li>
							<li><a href="">公益基金会</a></li>
						</ul>
						<ul class="fl ">
							<li>特色服务</li>
							<li><a href="">F码通道</a></li>
							<li><a href="">礼物码</a></li>
							<li><a href="">防伪查询</a></li>
						</ul>
						<div class="contact fr">
							<p class="tel"> 400-100-5678</p>
							<p class="date"> 周一至周日8：00-18：00 <br/>(仅收市话费)</p>
							<a class="kefu" href=""><i class="iconfont">&#xe6e4;</i>人工客服</a>
						</div>
					</div>
					
				</div>
			</div>
			
		</div>
		
		<!-- 页脚信息 -->
		<div class="footer-info">
			<div class="container">
				<div class="waper clearfix ">
					<div class="footer-logo fl">
						<img width="57" src="./img/index/logo2.ico" >
					</div>
					<div class="info-text fr">
						<p class="sites">
							<a href="">小米商城</a><span> | </span>
							<a href="">MIUI</a><span> | </span>
							<a href="">米家</a><span> | </span>
							<a href="">米聊</a><span> | </span>
							<a href="">多看</a><span> | </span>
							<a href="">游戏</a><span> | </span>
							<a href="">政企服务</a><span> | </span>
							<a href="">小米天猫店</a><span> | </span>
							<a href="">小米集团隐私政策 </a><span> | </span>
							<a href="">小米公司儿童信息保护规则</a><span> | </span>
							<a href="">小米商城隐私政策</a><span> | </span>
							<a href="">小米商城用户协议</a><span> | </span>
							<a href="">问题反馈</a><span> | </span>
							<a href=""> Select Location</a><span> | </span>
							<a href="">北京互联网法院法律服务工作站</a><span> | </span>
							<a href="">中国消费者协会</a><span> | </span>
							<a href="">北京市消费者协会</a><span> | </span>
						</p>
						<p class="sites">
							© mi.com 京ICP证110507号
							<a href="">京ICP备10046444号 </a>
							<a href="">京公网安备11010802020134号</a>
							<a href="">京网文[2020]0276-042号</a><br/>
							<a href="">（京）网械平台备字（2018）第00005号</a>
							<a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
							<a href="">营业执照</a>
							<a href="">医疗器械质量公告</a><br/>
							<a href="">增值电信业务许可证</a>
							<a href="">网络食品经营备案</a>
							<a href="">京食药网食备202010048</a>
							<a href="">食品经营许可证</a><br/>
							<a href="">违法和不良信息举报电话：171-5104-4404</a>
							<a href="">知识产权侵权投诉 </a>
							本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
						<p class="site">
							<a href=""><img src="./img/index/ia_100000382%20(1).png" ></a>
							<a href=""><img src="./img/index/ia_100000383%20(1).png" ></a>
							<a href=""><img src="./img/index/ia_100000384%20(1).png" ></a>
							<a href=""><img src="./img/index/ia_100000385%20(1).png" ></a>
							<a href=""><img src="./img/index/ia_100000387%20(1).png" ></a>
						</p>
						<p>
							<img src="./img/ia_100000532.png" class="botterx" >
						</p>
					</div>
				</div>
			</div>
		</div>
		<script src="./js/jquery/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/payment.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
